<script setup lang="ts">
import { onLaunch, onShow, onHide } from "@dcloudio/uni-app";
onLaunch(() => {
  console.log("App Launch");
});
onShow(() => {
  console.log("App Show");
});
onHide(() => {
  console.log("App Hide");
});
</script>
<style lang="scss">
@import "@/style/index.scss";

.container {
  width: 100%;
  height: 1150rpx;
  background: url(@/assets/comm/p9-bg.jpg) no-repeat top center;
  background-size: 750rpx 1200rpx;
  &.bg2 {
    background: url(@/assets/comm/p9-bg2.jpg) no-repeat top center;
  }
  &.bg10 {
    background: url(@/assets/comm/p10-bg.jpg) no-repeat center;
    background-size: 750rpx 860rpx;
  }
  .more-btn {
    margin: 50rpx auto;
    width: 385rpx;
    height: 66rpx;
    font-size: 30rpx;
    text-align: center;
    line-height: 65rpx;
    display: block;
    color: #fce8da;
    cursor: pointer;
    background: url(@/assets/comm/link-bg2.png) no-repeat center;
    background-size: 349rpx 11rpx;
    border: 2rpx solid #fce8da;
    border-radius: 32rpx;
  }
  .title {
    background: url(@/assets/comm/title-bg9.png) no-repeat center 60rpx;
    background-size: 750rpx 60rpx;
    padding: 50rpx;
    h2 {
      font-size: 41rpx;
      line-height: 50rpx;
      font-weight: bold;
      text-align: center;
      color: #fde9da;
      background-image: -webkit-gradient(
        linear,
        0 0,
        0 bottom,
        from(#fde9da),
        to(#b08f79)
      );
      background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    p {
      margin-top: 20rpx;
      font-size: 30rpx;
      line-height: 40rpx;
      text-align: center;
      color: #feebde;
    }
    .f-title {
      width: 75%;
      margin-left: auto;
      margin-right: auto;
    }
  }
}
</style>
